@charset "UTF-8";

/* 000=parts.css list========
   000=common  setting
   001=header setting
   002=contents setting
   003=sub contents setting
  
===========================*/

/*000=common setting------------------------------------------*/
.charsLeft{display:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
hr{display:none;}
#contents_wrapper{position:relative;}
.norap{ white-space:nowrap;}
.imgover{cursor:pointer;}
#wrapper{ background:#ADD6ED;}
table.oddclass{background:#fff;}
table.oddclass tr td.odd{background-color: #f2eee9;}
table.oddclass_nowhite tr td.odd{background-color: #f2eee9;}

div#topic_path{font-size:80%; color:#666;}
div#topic_path a{color:#666; text-decoration:underline;}
div#topic_path a:hover{text-decoration:none;}

.togval{color:#999;}
input.isChanged{color:#2b2b2b;}

table#dataTables th{white-space: nowrap;}



.h100{height:100px;}
.mm15{margin:0 0 0 -15px;}
.mb10{margin:0 0 10px;}

.sz1{ width:10px;}
.sz2{ width:25px;}
.sz3{ width:30px;}
.sz4{ width:40px;}
.sz5{ width:50px;}
.sz6{ width:60px;}
.sz7{ width:70px;}
.sz8{ width:80px;}
.sz9{ width:90px;}
.sz10{ width:100px;}
.sz11{ width:110px;}
.sz12{ width:120px;}
.sz13{ width:130px;}
.sz14{ width:140px;}
.sz15{ width:150px;}
.sz16{ width:160px;}
.sz17{ width:170px;}
.sz18{ width:180px;}
.sz19{ width:190px;}
.sz20{ width:200px;}
.sz24{ width:200px;}
.sz30{ width:300px;}
.sz40{ width:400px;}
.sz50{ width:400px;}
.sz22{ width:220px;}
.sz32{ width:320px;}
.sz70{ width:550px;}
.sz72{ width:550px;}

/*000=footer setting------------------------------------------*/
#contact{ float:right;  color:#FFF; margin:100px 30px 0 0; text-align:right; line-height:150%;}
.pagetop{padding:0 0 0 20px; margin:20px 0 0; text-align:right;}
.pagetop a{ color:#333;}
.pagetop img{margin:0 5px 0 0;}


/*001=header setting------------------------------------------*/
#header ul{text-align:right;}
#header #mainlogo{width:160px; float:left; margin:25px 0 0;}
#header_link{width:300px; float:right;}
#header_link p{width:80px; float:left; background:url(../img/common/icon_arror_1.gif) 5px 8px no-repeat; padding:5px 0 0 20px; color:#FFF;}
#header_link p a{ color:#FFF;}
#header_link p.btn_logout{background:none; padding:0;width:100px; float:left;}
#header ul li{display:inline;}



/*002=(tenp contents setting) < contens.css------------------------------------------*/
#contents{ width:860px; float:right;}
#main{ background-color:#FBF4ED; width:860px;}
ul#gnavi { background:url(../img/common/bg_gnavi.gif) repeat-x;}
ul#gnavi  li{ display: inline;}
#main h1{ background:url(../img/common/tit_h1_bg.gif) no-repeat 5px; padding:9px 0 5px 25px; font-size:140%; font-weight:bold; margin:20px 0 10px; color:#262626;}
.box1{padding:20px 30px;}
#main table th{background:#BEB1A3; border:1px #b3b3b3 solid; color:#FFF; text-align:center; font-weight:bold; background:url(../img/common/bg_th_border.gif) no-repeat top right #BEB1A3;}
#main table td{border:1px #b2b2b2 solid;}
#main table td,#main table th{padding:10px 5px; vertical-align: middle;}
#main table td.vtop,#main table th.vtop{padding:10px 5px; vertical-align: top;}
#main tr.odd td { background:#F2EEE9;}
#main .box1 table.type1{border:1px solid #b3b3b3; width:800px; margin:0 0 20px;}
#main .box1 table.type1 td.first{ padding:0 0 0 10px;}
#main .box1 table.type1 td{border:none;}

/*scrolltable------------------------------------------*/
#main .scrollTableBox{border:1px #b3b3b3;}
#main .scrollTableBox th{background:url(../img/common/bg_th_border.gif) no-repeat top right #BEB1A3; font-weight:bold; white-space:nowrap;}
#main .scrollTableBox td{white-space:nowrap;}
#main .box1 table.scrollTable{ width:100%;}

/*scrollTableBox setting------------------------------------------*/
#main .box1 .scrollTableBox{ width:760px; height:250px; overflow:auto; }
#main .box1 .scrollTableBox table{width:100%;}
/*scrollTableBox setting end------------------------------------------*/

#main .box_brown{padding:10px 20px 20px; background:#EFE7DE;}
#main .box_brown h2{padding:0 0 0 20px; background:url(../img/common/tit_h2_bg.gif) no-repeat; margin:10px 0; font-size:120%; font-weight:bold; color:#262626;}
#main .box_brown table.scrollTable td{padding:5px;}
#main .box_brown table{background:#fff;}
#main .box_brown .btn p{width:70px; float:left; margin:10px 10px 0 0;}
.input_area input{margin:10px 0 10px; vertical-align:middle;}
.input_area input.imgover{margin:5px 10px 0 5px;}
.guide_box{padding:0 0 20px; width:730px; float:right;}
.guide_box .left{width:350px;}
.guide_box .left input.text{width:260px;}
.guide_box .right{width:350px;}
.guide_box .arrow{padding:5px 0 5px 30px; background:url(../img/common/icon_arrow_select.gif) no-repeat; font-weight:bold; font-size:110%; color:#262626;}
.guide_box_wrapper{ padding:0 30px 0 20px;}
.guide_btn_area{width:70px; float:left; text-align:center;}
.guide_btn_area img{margin:5px 0 10px;}

table.policy_no{ width:350px;}
table.policy_no th{width:80px;}
table.policy_no input.wid1{width:90px; margin:0 2px 0 0;}
table.policy_no input.wid2{width:40px; margin:0 2px 0 2px;}
table.policy_no input.wid3{width:60px; margin:0 0 0 2px;}

table.o_p_no{ width:350px; margin:10px 0 0;}
table.o_p_no th{width:80px;}
table.o_p_no input.wid1{margin:0 5px 0 0;}
table.o_p_no input.wid2{width:160px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

table.assured{width:100%; margin:0 0 10px;}
table.assured th{width:90px;}
table.assured input.wid1{width:600px; margin:0 0 10px;}
table.assured .wid2{width:600px; height:60px;}

table.invoice_no{width:350px; margin:0 0 10px;}
table.invoice_no th{width:90px;}
table.invoice_no .wid1{width:230px;; height:50px;}

table.notes{width:350px; margin:0 0 10px;}
table.notes th{width:90px;}
table.notes .wid1{width:230px; height:50px;}

#main .voyage_box{ background-color:#EFE7DE;}
#main .voyage_box_inner{padding:20px;}

#main .voyage_box table td,#main .voyage_box table th{ border:none; }
#main .voyage_box table th{ background:none; color:#262626; font-weight:bold; padding:0 5px 5px; width:75px;}
#main .voyage_box table td{ padding:0 10px 5px;}
#main .voyage_box h2{background:#BEB1A3; border:1px solid #b3b3b3; padding:10px; text-align:center; color:#FFF;}
#main .voyage_box table input{width:240px;}

#main .voyage_box .departure{padding:15px 30px; border:1px solid #999999; background-color:#FBF4ED;}
#main .voyage_box .transit{padding:10px 10px 20px 80px; background:url(../img/common/arrow_below.gif) no-repeat 20px;}
#main .voyage_box .transit table input{width:200px;}
#main .voyage_box .arrival{padding:15px 30px; border:1px solid #999999; background-color:#FBF4ED;}
#main .voyage_box .voyage_box .arrival table input{width:240px;}


#main .equipment{padding:20px; color:#333;}
#main .equipment .wid3{width:320px;}
#main .equipment .wid1{width:320px;}
#main .equipment .wid2{ width:100px; vertical-align:middle; margin:0 5px 0 0;}
#main .equipment img.calendar{margin:0 0 0 0 0; vertical-align:middle;}
#main .equipment table td,#main .equipment table th{background-color:#EFE7DE; border:none;}
#main .subtitle{ color:#808080;}

#main .green_box{background:url(../img/common/bg_greenbox.gif) repeat-y; width:690px; margin:0 0 0 0px;}
#main .green_box_bot{background:url(../img/common/bg_greenbox_bottom.gif) no-repeat bottom; padding:0 0 2px 0;}
#main .green_box h3{ margin:0; width:690px; background:url(../img/common/bg_greenbox_top.gif) no-repeat; height:41px; text-align:center; color:#FFF; padding:10px 0 0; font-size:120%; cursor:pointer;}
#main .green_box.selected h3{ height:23px;}
#main .green_box p.text{ padding:10px 0 5px 20px; font-weight:bold;}

#main .green_box .gry_box{background:url(../img/common/bg_gry.gif) repeat-y; width:650px; margin:10px 0 0;}
#main .green_box .gry_box_bot{background:url(../img/common/bg_gry_bottom.gif) no-repeat bottom; padding:0 0 2px 0;}
#main .green_box .gry_box h3{ margin:0; width:650px; background:url(../img/common/bg_gry_top.gif) no-repeat; height:36px; text-align:center; color:#FFF; padding:7px 0 0; font-size:120%; cursor:pointer;}
#main .green_box .gry_box.selected h3{ height:23px;}

/*#main .goods_box table td,#main .voyage_box table th{ border:none; }
#main .goods_box table th{ background:none; color:#262626; font-weight:bold; padding:0 5px 5px; width:75px;}*/

#main .goods_box table td{ padding:0 5px 5px;}
#main .goods_box h2{background:#BEB1A3; border:1px solid #b3b3b3; padding:10px; text-align:center; color:#FFF;}
#main .goods_box  .good_no input.wid1{width:350px; margin:0 10px 0 5px;}
#main .goods_box  .good_no input.wid2{width:50px;}
#main .goods_box textarea.wid3{width:690px; height:220px; margin:10px 0 0;}


/*003=sub_contents setting------------------------------------------*/
#sub_contents {width:90px; float:left; margin:134px 0 0;}
#sub_contents li{display:block; margin:0 0 16px; text-align:center; color:#FFF;}
#sub_contents li img{margin:5px 0 0;}

/*004=popup setting------------------------------------------*/
div.popup_wrapper{ position:absolute;}
div.popup .wrapper{background:none;}
div.popup .header{background-color:#56B2AE; padding:10px 10px 10px 10px; color:#FFF;}
div.popup .header h5{text-align:left;}
div.popup .close{text-align:right; margin:10px;}
div.popup .btn_close{  text-align:right; margin:-20px 0 0;}
div.popup .contents{text-align:left; padding:0 10px 10px; float: none; width:auto; height:auto; overflow:auto;}
div.popup .header {cursor: move;}
div.popup .ui-resizable-handle { background: none;}

#popup_favorite_box { 
	display:none;
	position: absolute;
	width: 320px;
	background:#fff;
	padding: 0;
	top:-80px;
	left: -100px;
	border:2px solid #56B2AE;
	z-index:101;
}

